var ancho = 0;

$(document).ready(function(){
    $(window).resize(function(){
        // dimensiones de la ventana

        var arrPageSizes = getPageSize();

        $('#bgtransparent').css({
            width:              arrPageSizes[2],
            height:		arrPageSizes[1]
        });

        // definiendo tamanio del contenedor
        $('#bgmodal').css("width", ancho+'px');

        // Get page scroll
        var arrPageScroll = getPageScroll();
        // Calculate top and left offset for the jquery-lightbox div object and show it
        $('#bgmodal').css({
            top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
            left:	( arrPageSizes[0] - ancho )/2
        }); 
        
        actualizarBotonesModal();
    });

});

function getPageSize() {
    var xScroll, yScroll;
    if (window.innerHeight && window.scrollMaxY) {
        xScroll = window.innerWidth + window.scrollMaxX;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }
    var windowWidth, windowHeight;
    if (self.innerHeight) {	// all except Explorer
        if(document.documentElement.clientWidth){
            windowWidth = document.documentElement.clientWidth;
        } else {
            windowWidth = self.innerWidth;
        }
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }
    // for small pages with total height less then height of the viewport
    if(yScroll < windowHeight){
        pageHeight = windowHeight;
    } else {
        pageHeight = yScroll;
    }
    // for small pages with total width less then width of the viewport
    if(xScroll < windowWidth){
        pageWidth = xScroll;
    } else {
        pageWidth = windowWidth;
    }
    arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
    return arrayPageSize;
}
    
function getPageScroll() {
    var xScroll, yScroll;
    if (self.pageYOffset) {
        yScroll = self.pageYOffset;
        xScroll = self.pageXOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {	 // Explorer 6 Strict
        yScroll = document.documentElement.scrollTop;
        xScroll = document.documentElement.scrollLeft;
    } else if (document.body) {// all other Explorers
        yScroll = document.body.scrollTop;
        xScroll = document.body.scrollLeft;
    }
    arrayPageScroll = new Array(xScroll,yScroll);
    return arrayPageScroll;
}
    
function mostrarVentanaModal(obj,tipo,categoria){
    var titulo          = "";    
    var contenidoHTML   = "";
    var comentario      = obj;
    
    switch (tipo) {
        case "confirmacion":
            titulo = "Mensaje de Confirmacion";
            ancho = 320;
            break;
        case "ventana":
            titulo = "Sistema de Gestion de Mercado Laboral | UNP-FII";
            ancho = 800;
            break;
        case "registro":
            titulo = "Sistema de Gestion de Mercado Laboral | UNP-FII";
            ancho = 400;
            break;
        case "detalleoferta":
            titulo = "Detalles de Oferta | UNP-FII";
            ancho = 800;
            break;
    }

    
    
    if(categoria == "browser"){
        contenidoHTML = '<div class="modalBox"><div id="contenido" class="'+categoria+'">'+$(comentario).html()+'</div></div>';
    }else if(categoria == "ayuda" | categoria == "combo"){
        contenidoHTML = '<div class="modalBox"><p align="right" class="title"><label>'+titulo+'</label><a class="cerrar-link" href="#!" onclick=\"closeModal()\">x</a></p><div id="contenido" class="'+categoria+'">'+comentario+'</div></div>';
    }else {
        contenidoHTML = '<div class="modalBox"><p align="right" class="title"><label>'+titulo+'</label><a class="cerrar-link" href="#!" onclick=\"closeModal()\">x</a></p><div id="contenido" class="'+categoria+'">'+$(comentario).html()+'</div></div>';
    }
    
    var bgdiv = $('<div>').attr({ className: 'bgtransparent',id: 'bgtransparent' });
    $('body').append(bgdiv);

    var arrPageSizes = getPageSize();
    $('#bgtransparent').css({
        width:		arrPageSizes[0],
        height:		arrPageSizes[1]
    });

    var moddiv = $('<div>').attr({ className: 'bgmodal',id: 'bgmodal' });
    $('body').append(moddiv);
    $('#bgmodal').append(contenidoHTML);
    
    $(window).resize();
}

function closeModal(){
    $('#bgmodal').remove();
    $('#bgtransparent').remove();
}